<!DOCTYPE html>
<html>


    <!-- Mirrored from www.zi-han.net/theme/hplus/form_basic.html by HTTrack Website Copier/3.x [XR&CO'2014], Wed, 20 Jan 2016 14:19:15 GMT -->
    <head>

        <meta charset="utf-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">


        <title>H+ 后台主题UI框架 - 基本表单</title>
        <meta name="keywords" content="H+后台主题,后台bootstrap框架,会员中心主题,后台HTML,响应式后台">
        <meta name="description" content="H+是一个完全响应式，基于Bootstrap3最新版本开发的扁平化主题，她采用了主流的左右两栏式布局，使用了Html5+CSS3等现代技术">

        <link rel="shortcut icon" href="favicon.ico"> <link href="/css/bootstrap.min14ed.css?v=3.3.6" rel="stylesheet">
        <link href="/css/font-awesome.min93e3.css?v=4.4.0" rel="stylesheet">
        <link href="/css/plugins/iCheck/custom.css" rel="stylesheet">
        <link href="/css/animate.min.css" rel="stylesheet">
        <link href="/css/style.min862f.css?v=4.1.0" rel="stylesheet">
        <link href="/js/plugins/layer/laydate/need/laydate.css" rel="stylesheet">
        <link href="/css/css.css" rel="stylesheet">
        <!--<link href="/css/public.css" rel="stylesheet">-->
        <link href="/css/plugins/dropzone/basic.css" rel="stylesheet">
        <link href="/css/plugins/dropzone/dropzone.css" rel="stylesheet">
        <link href="/css/animate.min.css" rel="stylesheet">
        <!-- Data Tables -->
        <link href="/css/plugins/dataTables/dataTables.bootstrap.css" rel="stylesheet">
    </head>

    <body class="gray-bg">
        <p class="text-center imagemargin">
            <img src="/img/db-2.png">
        </p>
        <div class="wrapper wrapper-content animated fadeInRight ">
            <div class="row ">
                <div class="test ">
                    <div class="ibox float-e-margins box">
                        <div class="ibox-title">
                            <h5>数据库连接信息</h5>
                            <div class="ibox-tools">
                                <a class="collapse-link">
                                    <i class="fa fa-chevron-up"></i>
                                </a>
                            </div>
                        </div>
                        <div class="ibox-content">
                            <!--                            <div class="">
                                                            <a onclick="fnClickAddRow();" href="javascript:void(0);" class="btn btn-primary ">添加行</a>
                                                        </div>
                                                        <table class="table table-striped table-bordered table-hover " id="editable">
                                                            <thead>
                                                                <tr>
                                                                    <th>渲染引擎</th>
                                                                    <th>浏览器</th>
                                                                    <th>平台</th>
                                                                    <th>引擎版本</th>
                                                                    <th>CSS等级</th>
                                                                </tr>
                                                            </thead>
                                                            <tbody>
                                                              
                                                            </tbody>
                                                            <tfoot>
                                                                <tr>
                                                                    <th>渲染引擎</th>
                                                                    <th>浏览器</th>
                                                                    <th>平台</th>
                                                                    <th>引擎版本</th>
                                                                    <th>CSS等级</th>
                                                                </tr>
                                                            </tfoot>
                                                        </table>-->
                            <div class="row">
                                <form role="form" id="dbinfo">
                                    <div class="form-group">
                                        <label>数据库IP</label>
                                        <!--<input type="text" placeholder="for example: 127.0.0.1" id="ip" class="form-control" value="<%= result[0]['db-ip'] %>">-->
                                        <div class="input-group">
                                            <input type="text" class="form-control" id="ip" autocomplete="off">
                                            <div class="input-group-btn">
                                                <button type="button" class="btn btn-default dropdown-toggle" data-toggle="">
                                                    <span class="caret"></span>
                                                </button>
                                                <ul class="dropdown-menu dropdown-menu-right" role="menu"></ul>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="form-group">
                                        <label>数据库端口</label>
                                        <input type="text" placeholder="for example: 3306"  id="port" value="<%= result[0]['db-port'] %>" class="form-control">
                                    </div>
                                    <div class="form-group">
                                        <label>用户名</label>
                                        <input type="text" placeholder="请输入您的用户名" id="username" value="<%= result[0]['db-username'] %>" class="form-control">
                                    </div>
                                    <div class="form-group">
                                        <label>密码</label>
                                        <input type="password" placeholder="请输入密码" id="passwd"  value="<%= result[0]['db-password'] %>" class="form-control">
                                    </div>
                                    <div>
                                        <input type="button" class="btn btn-sm" id="savedb" value="测试&保存"/>
                                        <input type="button" class="btn btn-sm" id="getdb" value="得到数据"/>
                                    </div>
                                </form>

                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="test">
                    <div class="ibox  box">
                        <div class="ibox-title">
                            <h5>数据库表格</h5>
                            <div class="ibox-tools">
                                <a class="collapse-link">
                                    <i class="fa fa-chevron-up"></i>
                                </a>
                            </div>
                        </div>
                        <div class="ibox-content">
                            <div class="row">
                                <div class="form-group">
                                    <label class="col-sm-2 control-label">数据库选择：
                                    </label>

                                    <div class="col-sm-10">

                                        <div class="radio" id='db'>
                                            <label>
                                                <input type="radio" checked="" value="option1" name="optionsRadios0">选项1</label>
                                            <label>
                                                <input type="radio" checked="" value="option2" name="optionsRadios0">选项2</label>
                                            <label>
                                                <input type="radio" checked="" value="option3" name="optionsRadios0">选项3</label>
                                        </div>

                                    </div>
                                </div>
                                <div class="form-group">
                                    <label class="col-sm-2 control-label">表选项：
                                    </label>

                                    <div class="col-sm-10">

                                        <div class="radio" id='table'>
                                            <label>
                                                <input type="radio" checked="" value="option1" name="optionsRadios">选项1</label>
                                            <label>
                                                <input type="radio" checked="" value="option2" name="optionsRadios">选项2</label>
                                            <label>
                                                <input type="radio" checked="" value="option3" name="optionsRadios">选项3</label>
                                        </div>

                                    </div>
                                </div>
                                <div class="form-group">
                                    <label class="col-sm-2 control-label">字段选项：
                                    </label>
                                    <div class="col-sm-10">

                                        <div class="radio" id='column'>
                                            <label>
                                                <input type="radio" checked="" value="option4"  name="optionsRadios2">选项4</label>
                                            <label>
                                                <input type="radio" checked="" value="option5"  name="optionsRadios2">选项5</label>
                                            <label>
                                                <input type="radio" checked="" value="option6" name="optionsRadios2">选项6</label>
                                        </div>

                                    </div>
                                </div>


                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="test">
                    <div class="ibox box">
                        <div class="ibox-title">
                            <h5>时间选择与导出</h5>
                            <div class="ibox-tools">
                                <a class="collapse-link">
                                    <i class="fa fa-chevron-up"></i>
                                </a>
                            </div>
                        </div>
                        <div class="ibox-content">
                            <div class="row">


                                <div class="form-group">
                                    <label class="col-sm-2 control-label">图标触发日期：</label>
                                    <div class="col-sm-10">
                                        <input placeholder="开始日期" class="form-control layer-date" name='starttime' id="start">
                                        <input placeholder="结束日期" class="form-control layer-date" name='endtime' id="end">
<!--                                        <div class="">
                                            <a onclick="fnClickAddRow();" href="javascript:void(0);" class="btn btn-primary ">添加行</a>
                                        </div>-->
                                        <button class="btn btn-sm btn-primary pull-right m-t-n-xs" id='output'><strong>导出</strong>
                                        </button>
                                    </div>

                                </div>
                            </div>
                            <div class="tabs-container">
                                <ul class="nav nav-tabs">
                                    <li class="active"><a data-toggle="tab" href="#tab-1" aria-expanded="true"> 当前操作</a>
                                    </li>
                                    <li class=""><a data-toggle="tab" href="#tab-2" aria-expanded="false">历史操作</a>
                                    </li>
                                </ul>
                                <div class="tab-content">
                                    <div id="tab-1" class="tab-pane active">
                                         <div class="row">
                                            <div class="table-responsive">
                                                <table class="table table-striped" id='outputtable'>
                                                    <thead>
                                                        <tr>

                                                            <!--<th></th>-->
                                                            <th>DB Info</th>
                                                            <th>开始日期</th>
                                                            <th>结束日期</th>
                                                            <th>备注</th>
                                                            <th>状态</th>
                                                        </tr>
                                                    </thead>
                                                    <tbody id='outputrecord'>

                                                    </tbody>
                                                </table>
                                            </div>
                                        </div>
                                    </div>
                                    <div id="tab-2" class="tab-pane">
                                        <div class="row">
                                            <div class="table-responsive">
                                                <table class="table table-striped" id='outputtable2'>
                                                    <thead>
                                                        <tr>

                                                            <!--<th></th>-->
                                                            <th>DB Info</th>
                                                            <th>开始日期</th>
                                                            <th>结束日期</th>
                                                            <th>备注</th>
                                                            <th>状态</th>
                                                        </tr>
                                                    </thead>
                                                    <tbody id='outputrecord2'>

                                                    </tbody>
                                                </table>
                                            </div>
                                        </div>
                                    </div>
                                </div>


                            </div>


                        </div>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="test">
                    <div class="ibox box">
                        <div class="ibox-title">
                            <h5>文件的导入</h5>
                            <div class="ibox-tools">
                                <a class="collapse-link">
                                    <i class="fa fa-chevron-up"></i>
                                </a>
                            </div>
                        </div>
                        <div class="ibox-content">
                            <form id="my-awesome-dropzone" class="dropzone" method='post' enctype="multipart/form-data" action="/login/acceptfile">
                                <div class="dropzone-previews"></div>
                                <button type="submit" class="btn btn-primary pull-right">提交</button>
                            </form>
                            <div class="row">
                                <div class="table-responsive">
                                    <table class="table table-striped">
                                        <thead>
                                            <tr>

                                                <th></th>
                                                <th>文件名</th>
                                                <th>记录条数</th>
                                                <th>备注</th>
                                                <th>状态</th>
                                                <th>操作</th>
                                            </tr>
                                        </thead>
                                        <tbody id ='record'>

                                        </tbody>
                                    </table>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <script src="/js/jquery.min.js?v=2.1.4"></script>
        <script src="/js/bootstrap.min.js?v=3.3.6"></script>
        <script src="/js/content.min.js?v=1.0.0"></script>
        <script src="/js/plugins/iCheck/icheck.min.js"></script>
        <script src="/js/plugins/layer/laydate/laydate.js"></script>
        <script src="/js/plugins/dropzone/dropzone.js"></script>
        <script src="/js/plugins/suggest/bootstrap-suggest.min.js"></script>
        <script src='/js/db-ejs.js'></script>
        <script src="/js/plugins/jeditable/jquery.jeditable.js"></script>
        <script src="/js/plugins/dataTables/jquery.dataTables.js"></script>
        <script src="/js/plugins/dataTables/dataTables.bootstrap.js"></script>
        <script src='/js/db-ejs-a.js'></script>
    </body>


    <!-- Mirrored from www.zi-han.net/theme/hplus/form_basic.html by HTTrack Website Copier/3.x [XR&CO'2014], Wed, 20 Jan 2016 14:19:15 GMT -->
</html>
